<template>
	<div class="historyDetailWrap">
        <van-nav-bar
			:title="title"
			left-text="返回"
			left-arrow
			@click-left="onClickLeft"
		/>
        <div class="hisDetailCon">
            <ul class="hisDetailConUl" v-if="tabActive == 0">
                <li class="hisDetailConLi"><span>资料时间：</span><span>{{nowClickItem.cgqxzhTime}}</span></li>
                <li class="hisDetailConLi"><span>平均气压：</span><span>{{nowClickItem.cgqxzhPrsavg}}</span></li>
                <li class="hisDetailConLi"><span>平均2分钟风速：</span><span>{{nowClickItem.cgqxzhWins2miavg}}</span></li>
                <li class="hisDetailConLi"><span>平均气温：</span><span>{{nowClickItem.cgqxzhTemavg}}</span></li>
                <li class="hisDetailConLi"><span>最高气温：</span><span>{{nowClickItem.cgqxzhTemmax}}</span></li>
                <li class="hisDetailConLi"><span>最高气温出现时间：</span><span>{{nowClickItem.cgqxzhTemmaxotime}}</span></li>
                <li class="hisDetailConLi"><span>最低气温：</span><span>{{nowClickItem.cgqxzhTemmin}}</span></li>
                <li class="hisDetailConLi"><span>最低气温出现时间：</span><span>{{nowClickItem.cgqxzhTemminotime}}</span></li>
                <li class="hisDetailConLi"><span>平均相对湿度：</span><span>{{nowClickItem.cgqxzhRhuavg}}</span></li>
                <li class="hisDetailConLi"><span>20-20时降水量：</span><span>{{nowClickItem.cgqxzhPre2020}}</span></li>
                <li class="hisDetailConLi"><span>08-08时降水量：</span><span>{{nowClickItem.cgqxzhPre0808}}</span></li>
                <li class="hisDetailConLi"><span>20-08时降水量：</span><span>{{nowClickItem.cgqxzhPre2008}}</span></li>
                <li class="hisDetailConLi"><span>08-20时降水量：</span><span>{{nowClickItem.cgqxzhPre0820}}</span></li>
            </ul>
            <ul class="hisDetailConUl" v-if="tabActive == 1">
                <li class="hisDetailConLi"><span>资料时间：</span><span>{{nowClickItem.hjqxzhTime}}</span></li>
                <li class="hisDetailConLi"><span>平均气压：</span><span>{{nowClickItem.hjqxzhPrsavg}}</span></li>
                <li class="hisDetailConLi"><span>霾：</span><span>{{nowClickItem.hjqxzhHaze | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>浮尘：</span><span>{{nowClickItem.hjqxzhFldu | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>烟：</span><span>{{nowClickItem.hjqxzhSmoke | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>结冰：</span><span>{{nowClickItem.hjqxzhIce | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>霜：</span><span>{{nowClickItem.hjqxzhFrost | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>露：</span><span>{{nowClickItem.hjqxzhDew | filterLineDw}}</span></li>
            </ul>
            <ul class="hisDetailConUl" v-if="tabActive == 2">
                <li class="hisDetailConLi"><span>资料时间：</span><span>{{nowClickItem.dxjbzhTime}}</span></li>
                <li class="hisDetailConLi"><span>南北方向厚度：</span><span>{{nowClickItem.dxjbzhEicetns | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>东西方向厚度：</span><span>{{nowClickItem.dxjbzhEicetwe | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>南北方向重量：</span><span>{{nowClickItem.dxjbzhEicewns | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>东西方向重量：</span><span>{{nowClickItem.dxjbzhEicewwe | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>南北方向直径：</span><span>{{nowClickItem.dxjbzhEicedns | filterLineDw}}</span></li>
                <li class="hisDetailConLi"><span>东西方向直径：</span><span>{{nowClickItem.dxjbzhEicedwe | filterLineDw}}</span></li>
            </ul>
        </div>
	</div>
</template>
<script type="text/javascript">
	export default{
        props:{
            nowClickItem:{
                type:Object,
                defatul:() => {}
            },
            tabActive:{
                type:Number,
                default:0
            }
        },
		data () {
			return {
				title:"",
			}
		},
		mounted (){
            if(this.tabActive == 0){
                //常规气象灾害
                this.title = "常规气象灾害";
            }else if(this.tabActive == 1){
                //环境气象灾害
                this.title = "环境气象灾害";
            }else if(this.tabActive == 2){
                //电线积冰灾害
                this.title = "电线积冰灾害";
            }
        },
        watch:{
            
        },
		components : {
			
		},
		methods : {
			onClickLeft(){
				this.$emit("detailBack");
			},
		}
	}
</script>
<style type="text/css" lang="less">
	.historyDetailWrap{
        .van-nav-bar{
            background:#1989fa !important;
        }
        .hisDetailCon{
            position: absolute;
            left: 10px;
            right: 10px;
            top: 46px;
            bottom: 0px;
            overflow: scroll;
        }
        .hisDetailConLi{
            padding:10px;
            
        }
    }
</style>